<style>
h1 {
  font-size: 16px;
  text-align: center;
  padding: 10px;
}
.content {
  padding: 10px;
}
.content p {
  text-indent: 2em;
}
.time {
  padding-left: 10px;
  font-size: 12px;
  color: #666;
}
.detail-body {
  top: 45px;
  bottom: 45px;
}
</style>
<div>
  <myHeader/>

  <j-body class="detail-body" ref="jbody">
    <h1>{{detail.title}}</h1>
    <p class="time">{{detail.time}}</p>
    <div class="content" v-html="detail.content"></div>
  </j-body>

  <myFooter :count="commentLength" :detail="detail" />
</div>